<!--
 * @Author: your name
 * @Date: 2021-01-10 14:28:46
 * @LastEditTime: 2021-01-10 14:41:37
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \shopping\src\components\search\index.vue
-->
<template>
  <view class="search">
    <view class="search_in">
      <icon type="search" size="32rpx" color="#767676" />
      <text class="search_text">搜索</text>
    </view>
  </view>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.search {
    width: 100%;
  padding: 10rpx 25rpx;
  background-color: #eb4450;
}
.search_in {
  display: flex;
  justify-content: center;
  align-items:center;
  width: 700rpx;
  height: 80rpx;
  background-color: #fff;
  color: #767676;
  font-size: 32rpx;
  .search_text{
      margin-left:10rpx;
  }
}
</style>